<style>
    .mode2 {
        color: #e52d2d;
    }
    .time {
        font-size: 14px;
        font-weight: bold;
    }
    .content {
        padding-left: 10px;
        padding-top: 5px;
    }
    .check {
        padding-left: 15px;
    }
    .order {
        text-align: center;
        padding-top: 20px;
    }
    .tem{
        width: 100%;
    }
</style>
<template>
    <div>
        <Row>
            <Card>
                <Tabs type="card">
                    <!--在线监控-->
                    <TabPane label="在线监控">
                        <Form :model="formItem" :label-width="80">
                            <row>
                                <Col span="6">
                                <FormItem label="设备编号">
                                    <Input v-model="formItem.input" readonly></Input>
                                </FormItem>
                                </Col>
                                <Col span="6">
                                <FormItem label="设备类型">
                                    <Input v-model="formItem.input" readonly></Input>
                                </FormItem>
                                </Col>
                                <Col span="6">
                                <FormItem label="站点编号">
                                    <Input v-model="formItem.input" readonly></Input>
                                </FormItem>
                                </Col>
                                <!--<Col span="6">
                                <FormItem >
                                  <router-link to="/essential"><Button type="primary" icon="reply">返回</Button></router-link>
                                </FormItem>
                                </Col>-->
                            </row>
                            <Form-item label="当前状态">
                                <Radio-group v-model="formItem.radio">
                                    <Radio label="is" >已连接</Radio>
                                    <Radio label="no">未连接</Radio>
                                </Radio-group>
                            </Form-item>
                            <Form-item label="当前模式">
                                <Span class="mode1">无</Span>&nbsp;&nbsp;
                                <Span class="mode2">心跳</Span>&nbsp;&nbsp;
                                <Span class="mode3">获取历史</Span>&nbsp;&nbsp;
                                <Span class="mode4">设置</Span>
                            </Form-item>
                        </Form>
                        <div class="tem">
                            <Collapse v-model="value1">
                                <Panel name="1">
                                    储罐区
                                    <p slot="content">
                                    <Table :columns="columns1" :data="data1" size="small" ref="table"></Table>
                                    </p>
                                </Panel>

                                <Panel name="2">
                                    卸车区
                                    <p slot="content">
                                    <Table :columns="columns2" :data="data2" size="small" ref="table"></Table>
                                    </p>
                                </Panel>

                                <Panel name="3">
                                    CNG撬区
                                    <p slot="content">
                                        <Row>
                                            <Col span="8">
                                            <span class="key">CNG撬环境泄漏温度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="8">
                                            <span class="key">CNG撬燃气泄漏浓度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="8">
                                            <span class="key">柱塞泵进液压力：</span>
                                            <span class="value">11</span>
                                            </Col>
                                        </Row>
                                    <Table :columns="columns3" :data="data3" size="small" ref="table"></Table>
                                    </p>
                                </Panel>

                                <Panel name="4">
                                    高压气化撬区
                                    <p slot="content">
                                    <Table :columns="columns4" :data="data4" size="small" ref="table"></Table>
                                    </p>
                                </Panel>

                                <Panel name="5">
                                    泵撬区
                                    <p slot="content">
                                        <Row>
                                            <Col span="6">
                                            <span class="key">泵撬区环境泄漏温度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="6">
                                            <span class="key">泵撬区可燃泄漏浓度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="6">
                                            <span class="key">增压入口阀：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="6">
                                            <span class="key">增压出口阀：</span>
                                            <span class="value">11</span>
                                            </Col>
                                        </Row>
                                    <Table :columns="columns5" :data="data5" size="small" ref="table"></Table>
                                    </p>
                                </Panel>

                                <Panel name="6">
                                    加气机
                                    <p slot="content">
                                    <Table :columns="columns6" :data="data6" size="small" ref="table"></Table>
                                    </p>
                                </Panel>

                                <Panel name="7">
                                    气化区
                                    <p slot="content">
                                        <Row>
                                            <Col span="6">
                                            <span class="key">气化区环境泄漏温度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="6">
                                            <span class="key">气化区燃气泄漏浓度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                        </Row>
                                    <Table :columns="columns7" :data="data7" size="small" ref="table"></Table>
                                    </p>
                                </Panel>

                                <Panel name="8">
                                    调压计量区
                                    <p slot="content">
                                        <Row>
                                            <Col span="6">
                                            <span class="key">调压计量区环境泄漏温度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="6">
                                            <span class="key">调压计量区燃气泄漏浓度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="6">
                                            <span class="key">水浴出口温度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="6">
                                            <span class="key">调压前压力：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="6">
                                            <span class="key">调压前温度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="6">
                                            <span class="key">调压后压力：</span>
                                            <span class="value">11</span>
                                            </Col>
                                            <Col span="6">
                                            <span class="key">调压后温度：</span>
                                            <span class="value">11</span>
                                            </Col>
                                        </Row>
                                    <Table :columns="columns8" :data="data8" size="small" ref="table"></Table>
                                    </p>
                                </Panel>

                                <Panel name="9">
                                    其他
                                    <p slot="content">
                                    <Table :columns="columns9" :data="data9" size="small" ref="table"></Table>
                                    </p>
                                </Panel>

                            </Collapse>
                        </div>
                    </TabPane>
                    <!--设置-->
                    <TabPane label="设置">
                        <Form :model="formItem" :label-width="80">
                            <row>
                                <Col span="6">
                                <FormItem label="设备编号">
                                    <Input v-model="formItem.input" readonly></Input>
                                </FormItem>
                                </Col>
                                <Col span="6">
                                <FormItem label="设备类型">
                                    <Input v-model="formItem.input" readonly></Input>
                                </FormItem>
                                </Col>
                                <Col span="6">
                                <FormItem label="站点编号">
                                    <Input v-model="formItem.input" readonly></Input>
                                </FormItem>
                                </Col>
                                <Col span="6">
                                <!--<FormItem >
                                  <router-link to="/essential"><Button type="primary" icon="reply">返回</Button></router-link>
                                </FormItem>-->
                                </Col>
                            </row>
                        </Form>
                        <Timeline>
                            <TimelineItem>
                                <p class="time">心跳上传因子</p>
                                <p>心跳频率 <Input v-model="formItem.input" style="width: 200px"></Input> 次/秒
                                    &nbsp;<Button type="primary" icon="alert">修改</Button></p>
                                <p class="content">
                                    <Collapse v-model="value1" accordion>
                                        <Panel name="1">
                                            储罐区
                                <p slot="content">
                                    <Row type="flex" class="code-row-bg">
                                        <Col span="4">1#储罐环境泄漏温度:</Col>
                                        <Col span="4">1#储罐燃气泄漏浓度:</Col>
                                        <Col span="4">1#储罐压力:</Col>
                                        <Col span="4">1#储罐液位:</Col>
                                        <Col span="4">1#储罐体积:</Col>
                                        <Col span="4">1#储罐液体重量:</Col>
                                        <Col span="4">1#储罐上进液阀:</Col>
                                        <Col span="4">1#储罐下进液阀:</Col>
                                        <Col span="4">1#储罐出液阀:</Col>
                                        <Col span="4">1#储罐CNG出液阀:</Col>
                                        <Col span="4">2#储罐环境泄漏温度:</Col>
                                        <Col span="4">2#储罐燃气泄漏浓度:</Col>
                                        <Col span="4">2#储罐压力:</Col>
                                        <Col span="4">2#储罐液位:</Col>
                                        <Col span="4">2#储罐体积:</Col>
                                        <Col span="4">2#储罐液体重量:</Col>
                                        <Col span="4">2#储罐上进液阀:</Col>
                                        <Col span="4">2#储罐下进液阀:</Col>
                                        <Col span="4">2#储罐出液阀:</Col>
                                        <Col span="4">2#储罐CNG出液阀:</Col>
                                    </Row>
                                </p>
                                </Panel>
                                <Panel name="2">
                                    卸车区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="3">
                                    CNG撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="4">
                                    高压气化撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="5">
                                    泵撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="6">
                                    加气机
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="7">
                                    气化区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="8">
                                    调压计量区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="9">
                                    其他
                                    <p slot="content">

                                    </p>
                                </Panel>
                                </Collapse>
                                </p>
                            </TimelineItem>
                            <TimelineItem>
                                <p class="time">心跳上传因子</p>
                                <p>心跳频率 <Input v-model="formItem.input" style="width: 200px"></Input> 次/秒
                                    &nbsp;<Button type="primary" icon="alert">修改</Button></p>
                                <p class="content">
                                    <Collapse v-model="value1" accordion>
                                        <Panel name="1">
                                            储罐区
                                <p slot="content">

                                </p>
                                </Panel>
                                <Panel name="2">
                                    卸车区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="3">
                                    CNG撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="4">
                                    高压气化撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="5">
                                    泵撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="6">
                                    加气机
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="7">
                                    气化区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="8">
                                    调压计量区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="9">
                                    其他
                                    <p slot="content">

                                    </p>
                                </Panel>
                                </Collapse>
                                </p>
                            </TimelineItem>
                            <TimelineItem>
                                <p class="time">历史上传因子</p>
                                <p>历史上传频率 <Input v-model="formItem.input" style="width: 200px"></Input> 次/秒
                                    &nbsp;<Button type="primary" icon="alert">修改</Button></p>
                                <p class="content">
                                    <Collapse v-model="value1" accordion>
                                        <Panel name="1">
                                            储罐区
                                <p slot="content">

                                </p>
                                </Panel>
                                <Panel name="2">
                                    卸车区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="3">
                                    CNG撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="4">
                                    高压气化撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="5">
                                    泵撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="6">
                                    加气机
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="7">
                                    气化区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="8">
                                    调压计量区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="9">
                                    其他
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="9">
                                    统计值
                                    <p slot="content">

                                    </p>
                                </Panel>
                                </Collapse>
                                </p>
                            </TimelineItem>
                            <TimelineItem>
                                <p class="time">预警因子</p>
                                <p>报警因子 <Input v-model="formItem.input" style="width: 200px"></Input> 次/秒
                                    &nbsp;<Button type="primary" icon="alert">修改</Button></p>
                                <p class="content">
                                    <Collapse v-model="value1" accordion>
                                        <Panel name="1">
                                            储罐区
                                <p slot="content">
                                    <Row type="flex" justify="space-between" class="code-row-bg">
                                        <Col span="4">col-4</Col>
                                        <Col span="4">col-4</Col>
                                        <Col span="4">col-4</Col>
                                        <Col span="4">col-4</Col>
                                    </Row>
                                </p>
                                </Panel>
                                <Panel name="2">
                                    卸车区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="3">
                                    CNG撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="4">
                                    高压气化撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="5">
                                    泵撬区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="6">
                                    加气机
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="7">
                                    气化区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="8">
                                    调压计量区
                                    <p slot="content">

                                    </p>
                                </Panel>
                                <Panel name="9">
                                    其他
                                    <p slot="content">

                                    </p>
                                </Panel>
                                </Collapse>
                                </p>
                            </TimelineItem>
                        </Timeline>
                    </TabPane>
                    <!--控制-->
                    <TabPane label="控制">
                        <Form :model="formItem" :label-width="80">
                            <row>
                                <Col span="6">
                                <FormItem label="设备编号">
                                    <Input v-model="formItem.input" readonly></Input>
                                </FormItem>
                                </Col>
                                <Col span="6">
                                <FormItem label="设备类型">
                                    <Input v-model="formItem.input" readonly></Input>
                                </FormItem>
                                </Col>
                                <Col span="6">
                                <FormItem label="站点编号">
                                    <Input v-model="formItem.input" readonly></Input>
                                </FormItem>
                                </Col>
                                <Col span="6">
                                <!--<FormItem >
                                  <router-link to="/essential"><Button type="primary" icon="reply">返回</Button></router-link>
                                </FormItem>-->
                                </Col>
                            </row>
                        </Form>
                        <div class="check">
                            <radio>实时模式</radio>
                        </div>
                        <div class="order">
                            <Button type="primary" icon="drag">反控命令1</Button>
                            <Button type="primary" icon="drag">反控命令2</Button>
                            <Button type="primary" icon="drag">反控命令3</Button>
                            <Button type="primary" icon="drag">反控命令4</Button>
                            <Button type="primary" icon="drag">反控命令5</Button>
                        </div>
                    </TabPane>
                </Tabs>
            </Card>
        </Row>
    </div>
</template>
<script type="text/ecmascript-6">
    import api from '@/libs/util';
    export default {
        data() {
            return {
                value1:'',
                input:'',
                formItem: {},
                columns1: [
                    {
                        "title": "名称",
                        "key": "name",
                        "fixed": "left",
                        "width": 200
                    },
                    {
                        "title": "环境泄露温度",
                        "key": "show",
                        "width": 150
                    },
                    {
                        "title": "燃气泄露浓度",
                        "key": "weak",
                        "width": 150
                    },
                    {
                        "title": "压力",
                        "key": "signin",
                        "width": 150
                    },
                    {
                        "title": "液位",
                        "key": "click",
                        "width": 150
                    },
                    {
                        "title": "体积",
                        "key": "active",
                        "width": 150
                    },
                    {
                        "title": "液体质量",
                        "key": "day7",
                        "width": 150
                    },
                    {
                        "title": "上进液阀",
                        "key": "day30",
                        "width": 150
                    },
                    {
                        "title": "下进液阀",
                        "key": "tomorrow",
                        "width": 150
                    },
                    {
                        "title": "出液阀",
                        "key": "day",
                        "width": 150
                    },
                    {
                        "title": "放散阀",
                        "key": "week",
                        "width": 150
                    },
                    {
                        "title": "CNG出液阀",
                        "key": "month",
                        "width": 150
                    }
                ],
                data1: [
                    {
                        "name": "1#储罐",
                        "fav": 0,
                        "show": 7302,
                        "weak": 5627,
                        "signin": 1563,
                        "click": 4254,
                        "active": 1438,
                        "day7": 274,
                        "day30": 285,
                        "tomorrow": 1727,
                        "day": 558,
                        "week": 4440,
                        "month": 5610
                    },
                    {
                        "name": "2#储罐",
                        "fav": 0,
                        "show": 4720,
                        "weak": 4086,
                        "signin": 3792,
                        "click": 8690,
                        "active": 8470,
                        "day7": 8172,
                        "day30": 5197,
                        "tomorrow": 1684,
                        "day": 2593,
                        "week": 2507,
                        "month": 1537
                    }
                ],
                columns2: [
                    {
                        "title": "卸车区环境泄漏温度",
                        "key": "show",
                        "width": 150
                    },
                    {
                        "title": "卸车区燃气泄漏浓度",
                        "key": "weak",
                        "width": 150
                    },
                    {
                        "title": "卸车液相阀",
                        "key": "signin",
                        "width": 150
                    },
                    {
                        "title": "卸车增压阀",
                        "key": "click",
                        "width": 150
                    },
                    {
                        "title": "卸车气相阀",
                        "key": "active",
                        "width": 150
                    },
                    {
                        "title": "卸车质量流量",
                        "key": "day7",
                        "width": 150
                    },
                    {
                        "title": "卸车密度",
                        "key": "day30",
                        "width": 150
                    },
                    {
                        "title": "卸车温度",
                        "key": "tomorrow",
                        "width": 150
                    },
                    {
                        "title": "卸车体积流量",
                        "key": "day",
                        "width": 150
                    },
                    {
                        "title": "卸车驱动增益",
                        "key": "week",
                        "width": 150
                    },
                    {
                        "title": "卸车质量",
                        "key": "month",
                        "width": 150
                    },
                    {
                        "title": "卸车体积",
                        "key": "hour",
                        "width": 150
                    }
                ],
                data2: [
                    {
                        "fav": 0,
                        "show": 7302,
                        "weak": 5627,
                        "signin": 1563,
                        "click": 4254,
                        "active": 1438,
                        "day7": 274,
                        "day30": 285,
                        "tomorrow": 1727,
                        "day": 558,
                        "week": 4440,
                        "month": 5610,
                        "hour":1110
                    }
                ],
                columns3: [
                    {
                        "title": "名称",
                        "key": "name",
                        "fixed": "left",
                        "width": 194
                    },
                    {
                        "title": "回气压力",
                        "key": "show",
                        "width": 180
                    },
                    {
                        "title": "出口压力",
                        "key": "weak",
                        "width": 180
                    },
                    {
                        "title": "出口温度",
                        "key": "signin",
                        "width": 180
                    },
                    {
                        "title": "进液阀",
                        "key": "click",
                        "width": 180
                    },
                    {
                        "title": "出液放空阀",
                        "key": "active",
                        "width": 180
                    }
                ],
                data3: [
                    {
                        "name":"1#柱塞泵",
                        "fav": 0,
                        "show": 7302,
                        "weak": 5627,
                        "signin": 1563,
                        "click": 4254,
                        "active": 1438
                    },
                    {
                        "name":"2#柱塞泵",
                        "fav": 0,
                        "show": 7302,
                        "weak": 5627,
                        "signin": 1563,
                        "click": 4254,
                        "active": 1438,
                        "day7": 274
                    }
                ],
                columns4: [
                    {
                        "title": "名称",
                        "key": "name",
                        "fixed": "left",
                        "width": 194
                    },
                    {
                        "title": "高压气化撬环境泄漏温度",
                        "key": "show",
                        "width": 180
                    },
                    {
                        "title": "高压气化撬燃气泄漏浓度",
                        "key": "weak",
                        "width": 180
                    },
                    {
                        "title": "高压气化器后温度",
                        "key": "signin",
                        "width": 150
                    },
                    {
                        "title": "高压气化器后压力",
                        "key": "click",
                        "width": 150
                    },
                    {
                        "title": "水浴后温度",
                        "key": "active",
                        "width": 120
                    },
                    {
                        "title": "储气瓶组压力",
                        "key": "day7",
                        "width": 120
                    }
                ],
                data4: [
                    {
                        "name":"1#柱塞泵",
                        "fav": 0,
                        "show": 7302,
                        "weak": 5627,
                        "signin": 1563,
                        "click": 4254,
                        "active": 1438,
                        "day7": 274
                    },
                    {
                        "name":"2#柱塞泵",
                        "fav": 0,
                        "show": 7302,
                        "weak": 5627,
                        "signin": 1563,
                        "click": 4254,
                        "active": 1438,
                        "day7": 274
                    }
                ],
                columns5: [
                    {
                        "title": "名称",
                        "key": "name",
                        "fixed": "left",
                        "width": 200
                    },
                    {
                        "title": "进口压力",
                        "key": "show",
                        "width": 150
                    },
                    {
                        "title": "出口压力",
                        "key": "weak",
                        "width": 150
                    },
                    {
                        "title": "泵池温度",
                        "key": "signin",
                        "width": 150
                    },
                    {
                        "title": "泵池液位",
                        "key": "click",
                        "width": 150
                    },
                    {
                        "title": "电机频率",
                        "key": "active",
                        "width": 150
                    },
                    {
                        "title": "电机转速",
                        "key": "day7",
                        "width": 150
                    },
                    {
                        "title": "电机电流",
                        "key": "day30",
                        "width": 150
                    },
                    {
                        "title": "进液阀",
                        "key": "tomorrow",
                        "width": 150
                    },
                    {
                        "title": "出液阀",
                        "key": "day",
                        "width": 150
                    },
                    {
                        "title": "回气阀",
                        "key": "week",
                        "width": 150
                    },
                    {
                        "title": "卸车出液阀",
                        "key": "month",
                        "width": 150
                    }
                ],
                data5: [
                    {
                        "name": "1#泵",
                        "fav": 0,
                        "show": 7302,
                        "weak": 5627,
                        "signin": 1563,
                        "click": 4254,
                        "active": 1438,
                        "day7": 274,
                        "day30": 285,
                        "tomorrow": 1727,
                        "day": 558,
                        "week": 4440,
                        "month": 5610
                    },
                    {
                        "name": "1#泵",
                        "fav": 0,
                        "show": 7302,
                        "weak": 5627,
                        "signin": 1563,
                        "click": 4254,
                        "active": 1438,
                        "day7": 274,
                        "day30": 285,
                        "tomorrow": 1727,
                        "day": 558,
                        "week": 4440,
                        "month": 5610
                    }
                ],
                columns6: [
                    {
                        "title": "名称",
                        "key": "name",
                        "fixed": "left",
                        "width": 200
                    },
                    {
                        "title": "加气机可燃泄漏浓度",
                        "key": "mon",
                        "width": 150
                    },
                    {
                        "title": "出口质量流量",
                        "key": "show",
                        "width": 150
                    },
                    {
                        "title": "出口温度",
                        "key": "weak",
                        "width": 150
                    },
                    {
                        "title": "出口增益",
                        "key": "signin",
                        "width": 150
                    },
                    {
                        "title": "出口密度",
                        "key": "click",
                        "width": 150
                    },
                    {
                        "title": "出口体积流量",
                        "key": "active",
                        "width": 150
                    },
                    {
                        "title": "出口压力",
                        "key": "day7",
                        "width": 150
                    },
                    {
                        "title": "实时加气量",
                        "key": "day30",
                        "width": 150
                    },
                    {
                        "title": "实时加气金额",
                        "key": "tomorrow",
                        "width": 150
                    },
                    {
                        "title": "累计加气量",
                        "key": "day",
                        "width": 150
                    },
                    {
                        "title": "累计加气金额",
                        "key": "week",
                        "width": 150
                    },
                    {
                        "title": "单价",
                        "key": "month",
                        "width": 150
                    },
                    {
                        "title": "回口质量流量",
                        "key": "sho",
                        "width": 150
                    },
                    {
                        "title": "回口温度",
                        "key": "wea",
                        "width": 150
                    },
                    {
                        "title": "回口增益",
                        "key": "signi",
                        "width": 150
                    },
                    {
                        "title": "回口密度",
                        "key": "clic",
                        "width": 150
                    },
                    {
                        "title": "回口体积流量",
                        "key": "activ",
                        "width": 150
                    },
                    {
                        "title": "回口压力",
                        "key": "day77",
                        "width": 150
                    },
                    {
                        "title": "回气量",
                        "key": "day3",
                        "width": 150
                    }
                ],
                data6: [
                    {
                        "name": "1#抢",
                        "fav": 0,
                        "mon": 7302,
                        "show": 7302,
                        "weak": 5627,
                        "signin": 1563,
                        "click": 4254,
                        "active": 1438,
                        "day7": 274,
                        "day30": 285,
                        "tomorrow": 1727,
                        "day": 558,
                        "week": 4440,
                        "month": 5610,
                        "sho": 7302,
                        "wea": 5627,
                        "signi": 1563,
                        "clic": 4254,
                        "activ": 1438,
                        "day77": 274,
                        "day3": 285
                    }
                ],
                columns7: [
                    {
                        "title": "名称",
                        "key": "name",
                        "fixed": "left",
                        "width": 200
                    },
                    {
                        "title": "气化后温度",
                        "key": "show",
                        "width": 150
                    },
                    {
                        "title": "气化进液阀",
                        "key": "weak",
                        "width": 150
                    }
                ],
                data7: [
                    {
                        "name": "1#",
                        "fav": 0,
                        "show": 7302,
                        "weak": 5627
                    }
                ],
                columns8: [
                    {
                        "title": "名称",
                        "key": "name",
                        "fixed": "left",
                        "width": 200
                    },
                    {
                        "title": "温度",
                        "key": "mon",
                        "width": 150
                    },
                    {
                        "title": "压力",
                        "key": "show",
                        "width": 150
                    },
                    {
                        "title": "实时流量",
                        "key": "weak",
                        "width": 150
                    },
                    {
                        "title": "累计流量",
                        "key": "signin",
                        "width": 150
                    }
                ],
                data8: [
                    {
                        "name": "1#抢",
                        "fav": 0,
                        "mon": 7302,
                        "show": 7302,
                        "weak": 5627,
                        "signin": 1563
                    }
                ],
                columns9: [
                    {
                        "title": "名称",
                        "key": "name",
                        "fixed": "left",
                        "width": 200
                    },
                    {
                        "title": "仪表风压力",
                        "key": "show",
                        "width": 150
                    }
                ],
                data9: [
                    {
                        "name": "1#",
                        "fav": 0,
                        "show": 7302
                    }
                ]
            }
        },
        methods: {

        }
    }
</script>
